@import "common.styl"
[v-cloak]{display:none}
body
  background #fff
a
  display inline-block




.member
  padding px2rem(10px) px2rem(10px)
  border-bottom 1px solid #e6e6e6
  img
    width px2rem(30px)
    height px2rem(30px)
    margin-right px2rem(10px)
    margin-left px2rem(10px)


.btn-wrap
  padding 10px
  position fixed
  bottom 0
  left 0
  right 0
  z-index 9
  background #fff
  .button
    height px2rem(40px)
    line-height px2rem(40px)
    border-radius 10px
    text-align center
    font-size px2rem(14px)
    background #32a4f9
    margin 0 auto
    color #fff

input[type=checkbox] {

  display: inline-block;

  vertical-align: middle;

  width: 20px;

  height: 20px;

  -webkit-appearance: none;

  background-color: transparent;

  border: 0;

  outline: 0 !important;

  line-height: 20px;

  color: #d8d8d8;

}

input[type=checkbox]:after {

  content: "";

  display:block;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  text-align: center;

  line-height: 14px;

  font-size: 12px;

  color: #fff;

  border: 1px solid #ddd;

  background-color: #fff;

  box-sizing:border-box;

}

input[type=checkbox]:checked:after {

  content: "L";

  transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

  -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

  border-color: #32a4f9;

  background-color: #32a4f9;

}